HTMLタグ/リンクタグ/画像でリンクする

a要素の中にimg要素を配置すると、画像でリンクすることができます。

画像にリンクを設定すると、一般的なブラウザでは画像の周囲に境界線が表示されます。

この境界線を消したい場合は、次のように指定します。

img要素に border="" を追加して、その値に 0 を指定します。

スタイルシートで境界線を消す場合は、例えば次のようなスタイルを指定しておきます。

上記は、a要素内に置かれたimg要素の境界線を表示しないという指定です。

用途によっては、境界線を消さない方がいい場合も考えられます。

例えば、小さな写真をクリックすると拡大写真が表示される場合には、境界線をあえて表示させておくことで、その操作を直感的に伝えることが可能になります。

img要素のalt属性は必須となります。忘れずに指定しておくようにしましょう。

境界線を消す指定は、スタイルシートで代替することができます。指定方法の詳細は関連ページをご覧ください。